<html dir="ltr"><head>

{% load staticfiles %}

<meta charset="utf-8">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet" type="text/css">
<title>D11 films</title>
<meta content="Your Blog Description here!" name="description">
<meta content="Your Keywords here!" name="keywords">
<meta content="Author Name here!" name="Author">
<meta content="general" name="rating">
<meta content="all" name="robots">
<meta content="index, follow" name="robots">
<meta content="id" name="geo.country">
<meta content="1 days" name="revisit-after">
<meta content="Indonesia" name="geo.placename">
<link type="text/css" rel="stylesheet" href="https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css">
<link type="text/css" rel="stylesheet" href="https://www.blogger.com/dyn-css/authorization.css?targetBlogID=8050265550455660643&amp;zx=29efdb4b-87f9-4aa1-831c-6d9fcf704493">

<link href="{% static 'css/monster/template2.css' %}" rel="stylesheet" type="text/css">



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>


<script type="text/javascript">
//<![CDATA[
(function($){$.fn.jCarouselLite=function(o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var running=false,animCss=o.vertical?"top":"left",sizeCss=o.vertical?"height":"width";var div=$(this),ul=$("ul:first",div),tLi=$(".car",ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v}var li=$(".car",ul),itemLength=li.size(),curr=o.start;div.css("visibility","visible");li.css({overflow:"hidden",float:o.vertical?"none":"left"});ul.css({padding:"0",position:"relative","list-style-type":"none","z-index":"1"});div.css({overflow:"hidden","z-index":"2"});var liSize=o.vertical?height(li):width(li);var ulSize=liSize*itemLength;var divSize=liSize*v;li.css({width:li.width()});ul.css(sizeCss,ulSize+"px").css(animCss,-(curr*liSize));div.css(sizeCss,divSize+"px");if(o.btnPrev)$(o.btnPrev).click(function(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){return go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,val){$(val).click(function(){return go(o.circular?o.visible+i:i)})});if(o.mouseWheel&&div.mousewheel)div.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll)});if(o.auto)setInterval(function(){go(curr+o.scroll)},o.auto+o.speed);function vis(){return li.slice(curr).slice(0,v)};function go(to){if(!running){if(o.beforeStart)o.beforeStart.call(this,vis());if(o.circular){if(to<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll}else if(to>=itemLength-v+1){ul.css(animCss,-((v)*liSize)+"px");curr=to==itemLength-v+1?v+1:v+o.scroll}else curr=to}else{if(to<0||to>itemLength-v)return;else curr=to}running=true;ul.animate(animCss=="left"?{left:-(curr*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd)o.afterEnd.call(this,vis());running=false});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(el,prop){return parseInt($.css(el[0],prop))||0};function width(el){return el[0].offsetWidth+css(el,'marginLeft')+css(el,'marginRight')};function height(el){return el[0].offsetHeight+css(el,'marginTop')+css(el,'marginBottom')}})(jQuery);
//]]>
</script>





<div class="headline-wrapper">
<div class="headline">

<div class="headline-right">
<ul class="isocial">
<li><a class="rss" href="#" target="_blank" title="Subscribe via RSS"></a></li>
<li><a class="facebook" href="#" target="_blank" title="Become a Fan"></a></li>
<li><a class="twitter" href="#" target="_blank" title="Follow Us"></a></li>
<li><a class="google" href="#" target="_blank" title="Google Plus Profile"></a></li>
<li><a class="youtube" href="#" target="_blank" title="Watch The Video"></a></li>
</ul>
</div>
</div><div style="clear:both;"></div>
</div>
<div id="headerpic-wrapper">
<div id="header-wrapper">
<div class="header section" id="header"><div class="widget Header" id="Header1">
<div id="header-inner">
Aqui logo
</div>
</div></div>
</div></div><!-- end header-wrapper -->
<div id="outer-wrapper"><div id="wrap2">
<div class="menuku">
<ul>
<li><a href="{% url 'monster2' %}">Inicio</a></li>
</ul>
<div class="menusearch">
<div style="float:right;padding:12px 8px 0 0;">
<form action="http://www.google.com/search" method="get" target="_blank">
<input name="sitesearch" style="display:none;" value="http://johny-jossbanget.blogspot.com">
<input id="search-box" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width:170px;border:none;padding:10px 10px; margin-right:5px; font:italic 12px Georgia;color:#b5b5b5; background:url(http://3.bp.blogspot.com/-q3Q6hWjYZUo/T94HN6VdhHI/AAAAAAAAG58/P-A9JP3CDY4/s1600/search_form.png) no-repeat;" type="text" value="Busca..."><input align="top" alt="Search" id="search-btn" src="http://2.bp.blogspot.com/-BmpnVNvHgs0/T94HNdsyt8I/AAAAAAAAG50/Jn2uw4OJOUk/s1600/search_btn.png" type="image">
</form>
</div>
</div>
</div>
<div class="shadow"></div>
<!-- skip links for text browsers -->
<span id="skiplinks" style="display:none;">
<a href="#main">skip to main </a> |
      <a href="#sidebar">skip to sidebar</a>
</span>

<!-- Empieza carrusel -->

<div id="carousel">
<div id="previous_button"></div>
<div class="container" style="visibility: visible; overflow: hidden; z-index: 2; width: 900px;">
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script> 
<script src="/feeds/posts/default?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>
<ul style="padding: 0px; position: relative; list-style-type: none; z-index: 1; width: 4500px; left: -2925px;">

{% for c in carrusel %}

<li class="car" style="overflow: hidden; float: left; width: 200px;">
	<div class="thumb">
		<a href="{% url 'movie' c.id %}"><img width="200" height="250" class="alignnone" src="{{c.artwork}}"></a>
	</div>
	<p><a class="slider_title" href="{% url 'movie' c.id %}">{{c.title}}</a></p>
</li>

{% endfor %}

</ul>


<div class="clear"></div>
</div>
<div id="next_button"></div>
</div>
<script type="text/javascript">
(function($) { 	$(document).ready(function(){
$("#carousel .container").jCarouselLite({
	auto:4000,
	scroll: 1,
	speed: 800,	
	visible: 4,
	start: 0,
	circular: true,
	btnPrev: "#previous_button",
	btnNext: "#next_button"
	});
	})})(jQuery)	
</script>

<!-- Acaba carrusel -->


<div class="shadow"></div>
<div id="content-wrapper">
<div id="main-wrapper">


<div id="slide-wrapper">
<div class="slide section" id="slide">

<!-- Bloque 1 -->

<div class="widget HTML" id="HTML4">
<div class="maskolis">
	<span class="index">
		<a href="/monster/movies/">Ver más</a>
	</span>
	<h1><a href="/monster/movies/">Películas propuestas</a></h1>
	<script src="/feeds/posts/default/-/best sellers?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1"></script>
	
	{% for m in movies %}

		<div class="col_maskolis">
		<a href="{% url 'movie' m.id %}"><img class="maskolis_img" src="{{m.artwork}}"></a>
		<h2 class="posttitle"><a href="{% url 'movie' m.id %}">{{m.title}}</a></h2>
		<div class="clear"></div>
		</div>


	{% endfor %}

</div>
</div>

<!-- Fin Bloque 1 -->

<!-- Bloque 2 -->

<div class="widget HTML" id="HTML4">
<div class="maskolis">
	<span class="index">
		<a href="{% url 'genreMovies' 5 %}">Ver más</a>
	</span>
	<h1><a href="{% url 'genreMovies' 5 %}">Acción</a></h1>
	<script src="/feeds/posts/default/-/best sellers?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1"></script>
	
	{% for a in action_movies %}

		<div class="col_maskolis">
		<a href="{% url 'movie' a.id %}"><img class="maskolis_img" src="{{a.artwork}}"></a>
		<h2 class="posttitle"><a href="{% url 'movie' a.id %}">{{a.title}}</a></h2>
		<div class="clear"></div>
		</div>


	{% endfor %}

</div>
</div>

<!-- Fin Bloque 2 -->

<!-- Bloque 3 -->

<div class="widget HTML" id="HTML4">
<div class="maskolis">
	<span class="index">
		<a href="{% url 'genreMovies' 1 %}">Ver más</a>
	</span>
	<h1><a href="{% url 'genreMovies' 1 %}">Comedia</a></h1>
	<script src="/feeds/posts/default/-/best sellers?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1"></script>
	
	{% for c in comedy_movies %}

		<div class="col_maskolis">
		<a href="{% url 'movie' c.id %}"><img class="maskolis_img" src="{{c.artwork}}"></a>
		<h2 class="posttitle"><a href="{% url 'movie' c.id %}">{{c.title}}</a></h2>
		<div class="clear"></div>
		</div>


	{% endfor %}

</div>
</div>

<!-- Fin Bloque 3 -->

</div>
</div>
</div>
<div id="sidebar-wrapper">
<div class="sidebar section" id="sidebar"><div class="widget Label" id="Label1">
<h2>Categorías</h2>
<div class="widget-content list-label-widget-content">
<ul>
{% for g in genres %}
	<li>
	<a dir="ltr" href="{% url 'genreMovies' g.id %}">{{g.genreName}}</a>
	<span dir="ltr">({{ g.movie_set.all | length }})</span>
	</li>

{% endfor %}

</ul>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=8050265550455660643&amp;widgetType=Label&amp;widgetId=Label1&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;Label1&quot;));" target="configLabel1" title="Edit">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class="clear">&nbsp;</div>
</div>
<!-- end content-wrapper -->
<div class="shadow"></div>
<div class="picfooter">
<div id="footer-wrapper">
<div class="footer section" id="footer"></div>
<div id="footer1-wrapper">
<div class="footer section" id="footer1"><div class="widget HTML" id="HTML5">
<h2 class="title">Template Information</h2>
<div class="widget-content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
</div>
</div></div>
</div>

<div style="clear:both;"></div>
</div>
</div>
<div class="creditwrap">
<div class="credit">
<div style="float:left;text-align:left;">
<strong>Support :</strong>
<a href="http://www.maskolis.com/">Creating Website</a> | <a href="http://johnytemplate.blogspot.com/">Johny Template</a> | <a href="http://www.mastemplate.com/">Mas Template</a><br>

Copyright © 2014. <a class="sitename" href="" title="">D11</a> - All Rights Reserved
</div>
<div style="float:right;text-align:right;">
Template Created by <a href="http://www.maskolis.com/">Creating Website</a> Published by <a href="http://www.mastemplate.com/">Mas Template</a><br> 
Proudly powered by <a href="http://www.blogger.com">Blogger</a>
</div>
</div>
</div>
</div></div>
<!-- end outer-wrapper -->



</body></html>